<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏详情</title>
    <link rel="stylesheet" href="css/detail.css">
    <!-- <link rel="stylesheet" href="css/index.css"> -->

</head>

<body>

    <div class="body_div">
        <div class="top_search_div">

            <div class="search_input">
                <img src="images/sousuo.png">
                <input type='text' placeholder="搜索">
            </div>
            <div class="search_text_div">
                <a href="#">
                    <h3>愿望清单</h3>
                </a>
                <a href="#">
                    <h4>购物车</h4>
                </a>
            </div>
            <!-- 个人信息 -->
            <div class="search_self_div">
                <a href="#"><img src="images/myself.png"></a>
                <div class="my_infor_div">
                    <a href="#">
                        <h2>Micheal1024</h2>
                    </a>
                    <a href="#">
                        <h3>我的成就</h3>
                    </a>
                    <a href="#">
                        <h3>设置</h3>
                    </a>
                    <a href="#">
                        <h3 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">账户</h3>
                    </a>

                    <a href="#">
                        <h4>兑换代码</h4>
                    </a>
                    <a href="#">
                        <h4>优惠卷</h4>
                    </a>
                    <a href="#">
                        <h4>服务条款</h4>
                    </a>
                    <a href="#">
                        <h4 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">隐私条款</h4>
                    </a>

                    <a href="#">
                        <h5>退出</h5>
                    </a>
                </div>

            </div>

        </div>

        <div class="leftthree_div">
            <div class="shangbiao_div">
                <img src="images/icon_shangbiao2.png">
            </div>
            <a href="index.html">
                <div class="zuo_store_div">
                    <img src="images/icon_store.png">
                    <h1>商城</h1>
                </div>
            </a>

            <a href="gamelibrary.html">
                <div class="zuo_ku_div">
                    <img src="images/icon_ku.png">
                    <h2>游戏库</h2>
                </div>
            </a>
            <a href="community.html">
                <div class="zuo_me_div">
                    <img src="images/icon_me.png">
                    <h3>社区</h3>
                </div>
            </a>
        </div>

        <!-- 游戏详情 -->
        <div class="detail_container_div">
            <div class="title_video_div">
                <div class="title_text">
                    <a href="index.html">
                        <h3>
                            < 返回</h3>
                    </a>
                    <h4>《战地风云 2042》</h4>

                </div>

                <div class="video_div">
                    <video autoplay="autoplay" loop="loop" playsinline muted="muted" src="video/zhandi2042.webm"></video>

                    <div class="image_title_div">
                        <img class="title_image title_1" src="images/detail/title_1.jpg">
                        <img class="title_image title_2" src="images/detail/title_2.jpg">
                        <img class="title_image title_3" src="images/detail/title_3.jpg">
                        <img class="title_image title_4" src="images/detail/title_4.jpg">
                        <img class="title_image title_5" src="images/detail/title_5.jpg">
                        <img class="title_image title_6" src="images/detail/title_7.jpg">

                    </div>


                </div>
                <div class="introdece_div">
                    <h3>《战地风云™ 2042》将带领玩家重返该系列标志性的全面战争。组成队伍，踏入一个因失序而面目全非的近未来世界，携尖端军械库加入宏大战场。</h3>
                </div>
                <!-- 类型 -->
                <div class="game_style">
                    <div class="style_1">
                        <h3>游戏类型</h3>
                        <h4>射击，第一人称</h4>
                    </div>
                    <div class="style_2">
                        <h3>功能</h3>
                        <h4>多人在线，单机</h4>

                    </div>
                </div>
                <!-- 评价 -->
                <div class="evaluate_div">
                    <div class="pingjia_title">
                        <h1>评级</h1>
                    </div>
                    <div class="evaluate_div_circle_1">
                        <div>
                            <h6>93%</h6>
                        </div>
                        <h4>玩家推荐</h4>

                    </div>
                    <div class="evaluate_div_circle_2">
                        <div>
                            <h6>97%</h6>
                        </div>
                        <h4>评论家推荐</h4>
                    </div>
                    <div class="evaluate_div_circle_3">
                        <div>
                            <h6>超棒</h6>
                        </div>
                        <h4>全网评级</h4>
                    </div>

                    <div class="detail_evaluate_div">
                        <div class="evaluate_1">
                            <div><img src="images/detail/evaluate_1.png"></div>
                            <h4>&nbsp&nbsp&nbsp&nbsp&nbsp&nbspThe world of Red Dead Redemption II is defined by
                                violence, both in its passive andactive forms.
                                Bandits roam the highways, pilfering from the wealthy and poor alike.
                                Predatorsmercilessly
                                hunt and kill their prey in the unforgiving wilderness. </h4>

                        </div>
                        <div class="evaluate_2">
                            <div><img src="images/detail/evaluate_2.png"></div>
                            <h4>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp当我玩到第五章，亚瑟骑马走在圣丹尼斯的大街上，突然两眼一黑倒在马下，一个男子走过来焦急的询问我有无大碍，
                                并带我到附近的一个大夫处问诊，这时候我才知道亚瑟染上了肺结核。玩了几十个小时了，
                                亚瑟早已不是一个普通的游戏角色,此时我赶紧上网查大表哥2肺结核怎么治疗，
                                看了好几个页面，我才知道亚瑟得肺结核是必要剧情，玩家无法改变也无法治疗，随着主线的推进，最后亚瑟也会...看到
                                这些回答我如遭雷击，心情久久无法平复。</h4>
                        </div>
                        <div class="evaluate_3">
                            <div><img src="images/detail/evaluate_2.png"></div>
                            <h4>业界天花板！！！全体起立！！！</h4>
                        </div>
                    </div>

                    <div class="pezhi_div">
                        <h3>配置</h3>
                        <div class="pezhi_detail">
                            <div class="peizhi_1">
                                <h3>最低配置</h3>
                                <h4>操作系统</h4>
                                <P>Windows 7 - Service Pack 1 (6.1.7601)</P>
                                <h4>处理器</h4>
                                <p>Intel(R) Core(TM) i5-2500K / AMD FX-6300</p>
                                <h4>内存</h4>
                                <p>8 GB</p>
                                <h4>显卡</h4>
                                <p>Nvidia GeForce GTX 770 2GB / AMD Radeon R9 280 3GB</p>
                                <h4>存储空间</h4>
                                <p>150 GB</p>
                                <h4>其他</h4>
                                <p>声卡：DirectX兼容</p>

                            </div>
                            <div class="peizhi_2">
                                <h3>推荐配置</h3>
                                <h4>操作系统</h4>
                                <P>Windows 10 - April 2018 Update (v1803)</P>
                                <h4>处理器</h4>
                                <p>Intel(R)i7-4770K / AMD Ryzen 5 1500x</p>
                                <h4>内存</h4>
                                <p>12 GB</p>
                                <h4>显卡</h4>
                                <p>Nvidia GeForce GTX 1060 6GB / AMD Radeon RX480 4GB</p>
                                <h4>存储空间</h4>
                                <p>150 GB</p>
                                <h4>其他</h4>
                                <p>声卡：DirectX兼容</p>

                            </div>



                        </div>
                        <div class="shuoming">
                            <h3>服务条款</h3>
                            软件授权条款请参阅游戏内说明及rockstargames.com/zh/eula；在线游戏账户使用条款请参阅zh-cn.socialclub.rockstargames.com/。使用不得转让的特殊功能，例如独家提供、可解锁、可下载、多人游戏、在线与额外内容、服务、功能时，可能需要单次使用的序号、额外负担费用和/或不可转让的在线注册账号（需年满十三岁）。使用特别游戏功能可能需要配备因特网联机，并非所有用户或在任何时间内皆能使用，并且可能不经通知而终止、修改或以不同条款提供。如果违反最终用户许可协议、行为准则或其他政策，则可能会被限制或禁止使用游戏或在线账户。如需信息、客户及技术支持，请前往support.rockstargames.com/zh。本游戏纯属虚构。游戏中可能出现与现实生活中相似的人物、地点、公司、团体、活动、建筑等内容；它们与本游戏无任何关系，且相关内容亦非事实。本游戏的制造商、发行商和授权人并未批准、容忍或鼓励任何内容。严禁未经授权进行拷贝、修改、逆向工程、反编译、传播、公共展示、租借、盈利性游玩或制售盗版和违反EULA等行为。某些限制适用于购买、使用和兑换。更多详情，敬请查看EULA
                            (www.rockstargames.com/zh/eula)和服务条(www.rockstargames.com/zh/legal)。 Rockstar Games, Inc.
                            ©2005-19.Rockstar Games、Red Dead Redemption、R*、Red Dead、Dead Eye 均为 Take-Two Interactive
                            的标志/徽标/版权。杜比和双D符号为 Dolby Laboratories 的商标。评级图标是 Entertainment Software Association
                            的商标。所有其他标志和商标均为其各自所有者的产权。保留所有权利。
                            隐私政策
                        </div>
                    </div>
                </div>
            </div>

            <div class="shop_div">
                <img class="battlefield_detail_img" src="images/detail/battlefield_detail_img.png">
                <div class="jichu_div">
                    <h3>基础游戏</h3>
                </div>
                <div class="price_div">
                    <div class="discount_div">
                        <h3>-35%</h3>
                    </div>
                    <h3>￥248</h3>
                    <h4>￥163.68</h4>
                </div>
                <div class="rn_buy">
                    <h2>立即购买</h2>
                </div>
                <div class="jairu_gouwu">
                    <h2>加入购物车</h2>
                </div>
                <div class="join_hope">
                    <h2>添至愿望清单</h2>
                </div>
            </div>
        </div>
    </div>


</body>

</html>